@import "variable";
body{
  font:12px/1.5 'Helvetica Neue','Lucida Grande','Microsoft YaHei',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;color:#afb0b2;
  word-break:break-all;word-wrap:break-word;background-color:#1e2124;
}
.h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Helvetica Neue','Lucida Grande','Microsoft YaHei',Arial,'Liberation Sans',FreeSans,'Hiragino Sans GB',sans-serif;
}
ul li{list-style:none}
li{list-style-type:none;}
textarea,button,input{outline: none;}
p{margin: 0px;}
ol,ul,form{margin: 0px;padding: 0px;}
img{background-color: transparent;}
a{color:$infoColor;}
a:focus,a:active{outline: none;text-decoration: none;}
body .container{width:1080px;padding:0;}
.modal-p{padding:45px 10px;text-align:center;}
.empty{display: block;text-align: center;padding:100px 20px;color:#8d8f91;}
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-berak: normal;word-wrap: normal;}
.text-info{
  color:$infoColor;
}
.text-success{
  color:$successColor;
}
.text-warning{
  color:$warningColor;
}
.text-violet{
  color:$violetColor;
}
.text-kill{
  color:$killColor;
}
.text-death{
  color:$deathColor;
}
.text-white{color:#fff;}
.text-win{color:$winColor;}
.text-loss{color:$lossColor;}
.text-assist{
  color:$assistColor;
}
.text-approve-user{color:#efbb06;}
.text-radiant{color:$radiantColor;}
.text-dire{color:$direColor;}
.text-hurt{
  color:$hurtColor;
}
.text-bonus{color:#ee4e10;}
.text-denies{
  color:$deniesColor;
}
.text-permin{
  color:$perminColor;
}
.text-violet{color:#9966ff;}
.text-blue{color:#2d92df;}
.btn.btn-orange{background-color:#ee4e10;color:#fff;}
.btn.btn-orange:hover{background-color:#ff682e;color:#fff;}
.text-middle{display: inline-block;vertical-align: middle;}
#wrap{background-color: #1e2124;}
.radius-hack{
  position:relative;border-radius: 100%;
  img{border-radius: 100px;max-width: 100%;}
  .hack-css{
    position: absolute;
    left:0;
    top:0;
    display: block;
    width:100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/radius-hack.png");
  }
  .approve-user-b{position:absolute;border-radius: 100px; }
}
.radius-hack.offline{
  img{-webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
  }
}
.radius-hack.approve-user{border-color:#efbb06;border-style: solid;}
.radius-hack.approve-user .approve-user-b{left:-4px;right:-4px;top:-4px;bottom:-4px;border:2px solid #23252b; }
.radius-hack.approve-user:after{    position: absolute;
  right: -2px;
  bottom: -2px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url(../img/league-icon.png) no-repeat -303px -26px;}
.body-main{float: left;width:720px;}
.body-side{float: right;width:340px;}
#BizQQWPA{cursor: pointer;}

#user-welcome{float: right;margin:6px 0 0 0;}
.user-head{float:left;width: 36px;height: 36px;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;background: #313131;padding:3px;margin:0 8px 0 0;}
.user-head img{border-radius: 50px;-webkit-border-radius:50px;-moz-border-radius:50px;background:none;}
.user-menu{max-width:90px;position:relative;float: left;margin-right: 10px;padding-right:12px;z-index: 1;}
.user-menu .ellipsis{display: block;}
.user-menu .caret{position:absolute;right:0;top:9px;z-index:1;border-top:4px solid #b5bdce;}
.user-menu.open .caret{border-top:0;border-bottom:4px solid;}
.user-menu.open .user-menu-panel{display: block;}
.user-menu > a{color: #b5bdce;}
.user-menu-panel{position: absolute;display:none;left:0;top:15px;color: #666;white-space: nowrap;padding-top:6px;font-size:14px;}
.user-menu-panel ul{background: #363b42;padding:3px 0;line-height:25px;border:2px solid #2c2c2c;}
.user-menu-panel *[class*="-icon"]{margin:-3px 4px 0 0;}
.user-menu-panel a{color: #afb0b2;display: block;padding:3px 20px;}
.user-menu-panel a:hover{background-color: #23252b; color: #e0e0e0;text-decoration: none;}
.user-menu-panel a:hover .personal-icon{background: url(../img/user-profile.png) no-repeat;}
.user-menu-panel a:hover .exit-icon{background: url(../img/power.png) no-repeat;}
.user-menu-panel .exit-icon{margin-left: 1px;}
.user-menu-caret{position: absolute;display: inline-block;width: 23px;height:24px;background:#2c2c2c;right:0;top:-18px;display: none;}
.un-login a{color:#999;}
.un-login a:hover{color:#ff6600;text-decoration: none;}
.mr-20 {
  margin-right: 20px;
}
.mt-10{margin-top:10px;}
#user-welcome *[class*="level-"]{margin-top: 3px;}
.modal-danger-icon,
.modal-warning-icon,
.modal-info-icon,
.modal-success-icon{width:15px;height:15px;padding:3px;border-radius: 50%;margin-right:7px;margin-top: -2px;display: inline-block;
  vertical-align: middle;}
.modal-danger-icon:after,
.modal-warning-icon:after,
.modal-info-icon:after,
.modal-success-icon:after{content:"";display:block;width:9px;height:9px;border-radius: 50%;}
.modal-danger-icon{background: #361818;}
.modal-danger-icon:after{background: #c83636}
.modal-warning-icon{background: #41220d;}
.modal-warning-icon:after{background: #ff6600}
.modal-info-icon{background:#466b7a;}
.modal-info-icon:after{background: #258db9}
.modal-success-icon{background: #262e12;}
.modal-success-icon:after{background: #79a118;}
::-webkit-input-placeholder {
  color:    #494c50;
}
:-moz-placeholder {
  color:    #494c50;
}
::-moz-placeholder {
  color:    #494c50;
}
:-ms-input-placeholder {
  color:    #494c50;
}
.fuck-IE-input-placeholder{
  position:absolute;left:12px;top:6px;
  color:#494c50;font-size:12px;cursor: text;line-height: 1.5;
}
.tooltip-inner{
  background-color:#363943;
}
.tooltip.top .tooltip-arrow{
  border-top-color: #363943;
}
.tooltip.bottom .tooltip-arrow{
  border-bottom-color: #363943;
}
.tooltip.left .tooltip-arrow{
  border-left-color: #363943;
}
.tooltip.right .tooltip-arrow{
  border-right-color: #363943;
}
.info-box {
  position: relative;
  margin-left: 12px;
  margin-right: 12px;
  line-height: 11px;
  margin-top:3px;
}
.info-box a {
  color: #f5f5f5;
}
.info-box .info-icon {
  float: left;
}
.info-icon {
  display: block;
  width: 16px;
  height: 11px;
  background: url("../img/figure-icon.png") no-repeat -483px -1px;
}
.info-box-position {
  position: absolute;
  top: -18px;
  left: -13px;
  text-align: center;
  width: 43px;
}
.info-box .info-box-number {
  position: relative;
  display: inline-block;
  background: #ff6600;
  padding: 1px 2px;
  text-align: center;
  color: #f5f5f5;
  border: 1px solid #e47a00;
  border-radius: 2px;
  box-sizing: content-box;
  min-width: 15px;
}
.info-box .info-box-number .caret {
  position: absolute;
  border: 4px solid transparent;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
}
.info-box .info-box-number .caret:after {
  position: absolute;
  display: block;
  content: "";
  border: 3px solid transparent;
  border-top: 3px solid #ff6600;
  left: -2px;
  bottom: -2px;
}

#random-item{font-size: 14px;padding-top:36px;text-align: center;background-color:#444953;padding-left:10px;padding-right:10px;}
#random-item .steam-item{width:106px;height: 72px;display: inline-block;float: none;position: relative;}
.steam-item-name{display: block;width:106px;text-align: center;position: absolute;top:80px;left:0;font-size: 12px;overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  word-berak: normal;
  word-wrap: normal;}
.dropdown-menu{border:1px solid rgb(35,37,43);}
.btn-link{cursor: pointer;}
.cooperate-email:after{display:inline-block;content:"";vertical-align: middle;width:106px;height:18px;
  background:url(../img/figure-icon.png) no-repeat -395px -450px;
}

.ajax-mask{position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 1000;background: #ffffff;filter: alpha(opacity=50);opacity: 0.5;}
.ajax-mask{position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 1000;background: #ffffff;filter: alpha(opacity=50);opacity: 0.5;}
.empty-loading{height:300px;position:relative;display:block;}
.ajax-preloading{position: fixed;top: 50%;left: 50%;background: url(../img/loading-black.gif?v=20140124);width: 30px;height: 30px;
  z-index: 1001;margin: -15px 0px 0px -15px;}
.ajax-preloading.ajaxrender{background: url(../img/loading-content-black.gif);width: 100px;height:20px;margin: -10px 0px 0px -50px;position: absolute ;}
.new-item-icon{display: inline-block;width:24px;height:9px;position:absolute;right:-15px;top:-4px;background:url(../img/figure-icon.png) no-repeat -124px -227px;}

#bodyer.margin-top{padding-top: 36px;}
#sidebar-sm{position: absolute;left: 50%;margin-left: -540px;height: 36px;background: #3a4551;z-index: 9;line-height: 36px;overflow: hidden;}
.sidebar-sm-tt{float: left;margin-right: 20px;background: #00afcc;color: #fff;position: relative;padding-left: 12px;box-sizing: content-box;}
.sidebar-sm-tt:after{content: "";position: absolute;border: 18px solid transparent;border-left: 18px solid #00afcc;}
#sidebar-sm-content{padding-left: 85px;color: #b5bdce;}
.btn.sidebar-sm-close{float: right;}
.btn.sidebar-sm-close span{font-size: 0;padding: 8px;background: url(../img/index/vp-index-icon.png) no-repeat center;background-position: -302px -1px;}

.text-gray{color:#9d9ea1;}
.text-green{color:#82ab25;}
.text-orange{color:#ff8800;}
.nav .lang_ru ul li{margin-left:78px;}
.nav .lang_ru ul li:first-child{margin-left: 0;}

.nav ul li .csgo-spinach-icon{background-position: -365px -85px;margin-left: 5px;width: 25px;height: 25px;}
.nav ul li.active a .csgo-spinach-icon,.nav ul li a:hover .csgo-spinach-icon{background-position: -365px -58px;}
.nav ul li .dota-spinach-icon{background-position: -395px -85px;margin-left: 5px;width: 25px;height: 25px;}
.nav ul li.active a .dota-spinach-icon,.nav ul li a:hover .dota-spinach-icon{background-position: -395px -58px;}

.affix-nav li a{display: table;cursor: pointer;}
#vpgameqq .vpgameqq-text{padding: 6px 12px;color: #14b9d6;display: none;}
.n-qq:hover #vpgameqq .vpgameqq-i{display: none;}
.n-qq:hover #vpgameqq .vpgameqq-text{display: table-cell;text-align: center;vertical-align: middle;}

#sidebar-sm.sidebar-sm{margin-left: 0;left: 0;background: none;width: 100%;}
#sidebar-sm .container {background: #3a4551;}
.sidebar-sm-tt {line-height: 36px;}
#sidebar-sm-content.sidebar-sm-content-li {padding-left: 0;white-space: nowrap;position: absolute;left: 0;top: 0;}
.sidebar-sm-content-text {color: #b5bdce;}

.p20{padding:20px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}

.w315{width:315px;}
.w746{width:746px;}
.w80{width:80px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.p10{padding:10px;}

.modal-warning-icon{display:none;}
.btn.btn-warning{    color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;}
.steam-popup{background: #1a1a1a;max-width: none;border-radius: 3px;text-align: left;padding:0;min-width: 230px;z-index:12;}
.popover.steam-popup{border:2px solid;max-width:308px;margin-top:-5px;}
.steam-popup .arrow{border-width: 12px;}
.steam-popup.right .arrow{left:-12px;}
.steam-popup.left .arrow{right:-12px;}
.steam-popup.top .arrow{bottom:-12px;}
.steam-popup.bottom .arrow{top:-12px;}
.popover.steam-popup.right .arrow:after {left:2px;border-right-color: #1a1a1a;}
.popover.steam-popup.left .arrow:after {right:2px;border-left-color: #1a1a1a;}
.popover.steam-popup.top .arrow:after {bottom:2px;border-top-color: #1a1a1a;}
.popover.steam-popup.bottom .arrow:after {top:2px;border-bottom-color: #1a1a1a;}
.csgo-item-bg{background: #2e2e2e;}
.csgo-item-bg img{background: url('../img/quiz/csgo-item-bg.png') no-repeat center;width: 288px;height: 192px;}
.steam-popup-title{font-size: 16px;color: #bbb;padding: 0 10px;margin-bottom: 10px}
.steam-popup-secret{color: #fff;font-size: 14px;height: 25px;line-height: 25px;display: block;padding: 0 10px;background: url(../img/quiz/quiz-icon.png) no-repeat center;background-position: -388px -35px;}
.cannot-guess{color: #999999;}
.steam-popup-details{font-size: 12px;margin-left: 10px;}
.popup-csgo-icon{width: 33px;height: 33px;background: url(../img/quiz/quiz-icon.png) no-repeat center;background-position: -283px -34px;}
.steam-popup .popover-content{padding:0;}
.steam-popup .popover-content .market-article-introduce{width: 304px;}
.steam-popup .popover-content .market-article-info{padding:0;margin:10px;border-bottom: 1px solid #333;padding-bottom: 10px;}
.steam-popup .popover-content .market-article-info:last-child{border-bottom:0;}
.steam-popup-container{padding:10px;}
.steam-popup-data{margin-left: 89px;min-height: 46px;}
.steam-popup .tables{color: #bbbbbb;}
.steam-popup .tables .table-cell{padding-left: 5px;}
.steam-popup .tables .td{vertical-align: top;}
.steam-popup-qualitly{display: block;height: 22px;line-height: 22px;color: #000;text-align: center;}
.popover.steam-popup.right .arrow {border-right-color: #999;}
.popover.steam-popup.left .arrow {border-left-color: #999;}
.popover.steam-popup.bottom .arrow {border-bottom-color: #999;}
.popover.steam-popup.top .arrow {border-top-color: #999;}
.steam-popup-img{padding:8px 8px 0;}
.steam-popup-normal{background: #B2B2B2}
.steam-popup-genuine{background: rgb(77, 116, 85)}
.steam-popup-vintage{background: #476291}
.steam-popup-unusual{background: #8650AC}
.steam-popup-unique{background: rgb(210, 210, 210);}
.steam-popup-community{background: #70B04A}
.steam-popup-developer{background: #A50F79}
.steam-popup-selfmade{background: #70B04A}
.steam-popup-customized{background: #476291}
.steam-popup-strange{background: rgb(207, 106, 50)}
.steam-popup-completed{background: #b2b2b2;}
.steam-popup-haunted{background: #38F3AB}
.steam-popup-tournament{background: #8650AC}
.steam-popup-favored{background: #FFFF00}
.steam-popup-ascendant{background: #EB4B4B}
.steam-popup-autographed{background: #ADE55C}
.steam-popup-legacy{background: #fff;}
.steam-popup-exalted{background: rgb(209,209,209)}
.steam-popup-frozen{background: rgb(70, 130, 180)}
.steam-popup-corrupted{background: #A32C2E}
.steam-popup-lucky{background: rgb(50, 205, 50)}
.steam-popup-rarity{color: #000;display: block;padding:0 10px;line-height: 20px;height: 20px;}
.steam-popup-rarity.rarity-common{background:#b0c3d9;background-image:-webkit-linear-gradient(to left, #1a1a1a, #b0c3d9);
  background-image:linear-gradient(to left,#1a1a1a,#b0c3d9);}  /*æ™®é€š*/
.steam-popup-rarity.rarity-uncommon{background:#5e98d9;background-image:-webkit-linear-gradient(to left, #1a1a1a, #5e98d9);
  background-image:linear-gradient(to left,#1a1a1a,#5e98d9);}  /*ç½•è§*/
.steam-popup-rarity.rarity-rare{background:#4b69ff;background-image:-webkit-linear-gradient(to left, #1a1a1a, #4b69ff);
  background-image:linear-gradient(to left,#1a1a1a,#4b69ff);}     /*ç¨€æœ‰*/
.steam-popup-rarity.rarity-mythical{background:#8847ff;background-image:-webkit-linear-gradient(to left, #1a1a1a, #8847ff);
  background-image:linear-gradient(to left,#1a1a1a,#8847ff);} /*ç¥žè¯*/
.steam-popup-rarity.rarity-immortal{background:#e4ae39;background-image:-webkit-linear-gradient(to left, #1a1a1a, #e4ae39);
  background-image:linear-gradient(to left,#1a1a1a,#e4ae39);} /*ä¸æœ½*/
.steam-popup-rarity.rarity-legendary{background:#d32ce6;background-image:-webkit-linear-gradient(to left, #1a1a1a, #d32ce6);
  background-image:linear-gradient(to left,#1a1a1a,#d32ce6);} /*ä¼ è¯´*/
.steam-popup-rarity.rarity-arcana{background:#ade55c;background-image:-webkit-linear-gradient(to left, #1a1a1a, #ade55c);
  background-image:linear-gradient(to left,#1a1a1a,#ade55c);} /*è‡³å®*/

.mb-10 {
  margin-bottom: 10px;
}
.mt-5 {
  margin-top: 5px;
}
.mr-10{margin-right:10px;}
.mr-5{margin-right:5px;}

@import "country";
@import "level";
@import "header";
@import "footer";
@import "affix-nav";
@import "public-modal";
@import "btn";
@import "pagination";
@import "progress";
@import "_select-ui";
@import "_messager";
@import "_steam-item";
@import "_tags";
@import "_form";